<template>
  <div class='shiyi'>
    <u-overlay show="true">
      <div class="warp">
        <!-- 标题 -->
        <u-cell-group :customStyle="{width:'100%'}">
          <u-cell
            title="学籍档案照片"
            titleStyle="font-weight: 600;"
          ></u-cell>
        </u-cell-group>
        <!-- 头像 -->
        <div class="img">
          <u--image
            :showLoading="true"
            :src="src"
            width="200px"
            height="250px"
            @click="click"
          ></u--image>
          <!-- <image
            style="width: 200px; height: 200px; background-color: #eeeeee;"
            mode="scaleToFill"
            :src="src"
          ></image> -->
        </div>
        <!-- 按钮 -->
        <div class="btn">
          <button
            style="border-radius: 10px;margin-top: 20px;background:#1990ff;"
            class="btn"
            type="primary"
          >保存到相册</button>

          <button
            class="btn"
            @click="goReturn"
            type="default"
            style="margin-top: 20px;border:1px solid #1990ff;
      color: #1990ff;border-radius: 10px;"
          >返回</button>
        </div>
      </div>
    </u-overlay>
  </div>
</template>
<script>
export default {
  data() {
    return {
      src: 'https://cdn.uviewui.com/uview/album/1.jpg'
    }
  },
  methods: {
    //返回按钮
    goReturn() {
      uni.reLaunch({
        url: `/pages/personal/management`,
      });
    },
  },
}
</script>
<style lang="scss" scoped>
.warp {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 90%;
  background: white;
  margin: 0px auto;
  margin-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
  overflow: hidden;
  .img {
    margin: 10px auto;
    border: 1px solid #ddd;
    padding: 8px;
    box-sizing: border-box;
  }
  .btn {
    width: 100%;
    border-top: 1px solid #ecedee;
    padding: 0px 15px;
  }
}
</style>